.dib { display: inline-block }
.db { display: block }
.di { display: inline }
.fr { float: right }
.fl { float: left }
.tac { text-align: center }
.tl { text-align: left }
.tr { text-align: right }
.pr { position: relative }

.fwb { font-weight: bold }

.w { width: 100% }

.m10 { margin: 10rpx }
.m20 { margin: 20rpx }
.m30 { margin: 30rpx }
.m40 { margin: 40rpx }
.m50 { margin: 50rpx }

.mt10 { margin-top: 10rpx }
.mt20 { margin-top: 20rpx }
.mt30 { margin-top: 30rpx }
.mt40 { margin-top: 40rpx }
.mt50 { margin-top: 50rpx }


.mr10 { margin-right: 10rpx }
.mr20 { margin-right: 20rpx }
.mr30 { margin-right: 30rpx }
.mr40 { margin-right: 40rpx }
.mr50 { margin-right: 50rpx }

.ml10 { margin-left: 10rpx }
.ml20 { margin-left: 20rpx }
.ml30 { margin-left: 30rpx }
.ml40 { margin-left: 40rpx }
.ml50 { margin-left: 50rpx }

.mb10 { margin-bottom: 10rpx }
.mb12 { margin-bottom: 12rpx }
.mb15 { margin-bottom: 15rpx }
.mb20 { margin-bottom: 20rpx }
.mb30 { margin-bottom: 30rpx }
.mb40 { margin-bottom: 40rpx }
.mb50 { margin-bottom: 50rpx }

.p10 { padding: 10rpx }
.p20 { padding: 20rpx }

.pt10 {padding-top: 10rpx }
.pt20 {padding-top: 20rpx }

.pr10 {padding-right: 10rpx }

.pb10 {padding-bottom: 10rpx }
.pb15 {padding-bottom: 15rpx }

.pl10 {padding-left: 10rpx }

.fw{ font-weight: bold }
.f20 { font-size: 20rpx }
.f22 { font-size: 22rpx }
.f24 { font-size: 24rpx }
.f26 { font-size: 26rpx }
.f28 { font-size: 28rpx }
.f30 { font-size: 30rpx }
.f32 { font-size: 32rpx }
.f34 { font-size: 34rpx }
.f36 { font-size: 36rpx }
.f38 { font-size: 38rpx }
.f40 { font-size: 40rpx }
.bgc_f9f9f9 { background-color: #f9f9f9 }
.bgc_f6f6f6 { background-color: #f6f6f6 }
.bgc_fff { background-color: #fff }
.bg_linear{background: linear-gradient(180deg, #148DFF 0%, #6CC3FF 100%);}

.c_868686 { color: #868686 }
.c_696969 { color: #696969 }
.c_fff { color: #fff }
.c_000 { color: #000 }
.c_696969 { color: #696969; }

.textcenter { text-align: center }

.otw {
    overflow: hidden;    
    text-overflow:ellipsis;    
    white-space: nowrap;
}

.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix{
    zoom: 1;
}
.flex{
	display: flex;
}
.flexwrap{
	flex-wrap: wrap;
}
.flexbetween{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.aligncenter{
	display: flex;
	align-items: center;
}
.flexcenter{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flexcolumn{
	display: flex;
	flex-direction: column;
}
.justifycenter{
	justify-content: center;
}